<template>
	<div class="col-lg-12">
		<div style="height: 400px">
			<bottom-bar :menus="menus" style="position: relative; max-width: 400px"></bottom-bar>
		</div>
	</div>
</template>

<script>
	export default {
		data () {
			return {
				menus: [
					{link: '#', icon: 'fa-user', label: 'Menu 1'},
					{link: '#', icon: 'fa-home', label: 'Menu 2'},
					{link: '#', icon: 'fa-info', label: 'Menu 3'}
				]
			};
		}
	};
</script>
